<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <style>
      * {
        padding: 0;
        margin: 0;
      }
      ul,
      li {
        list-style: none;
        cursor: pointer;
      }
      body {
        width: 100vw;
        height: 100vh;
        display: flex;
        justify-content: center;
        align-items: center;
      }
      .container {
        display: flex;
        width: 50vw;
        height: 80vh;
        border: 2px solid #fc0;
        box-sizing: border-box;
        overflow: auto;
      }
      .sidebar {
        flex: 1;
        position: fixed;
      }
      .content {
        margin-left: 100px;
        margin-bottom: 3000px;
        flex: 4;
      }
    </style>
  </head>
  <body>
    <div class="container">
      <div class="sidebar">
        <ul>
          <li><a data-key="春节" href="javascript:void(0)">春节</a></li>
          <li><a data-key="名称" href="javascript:void(0)">名称</a></li>
          <li><a data-key="起源与传说" href="javascript:void(0)">起源与传说</a></li>
        </ul>
      </div>
      <div class="content">
        <div id="春节">
          <h2>春节</h2>
          春节，亦称新春、正旦、正朔，是以农历计算的中国传统新年，其庆祝活动又俗称过年、度岁等，是汉族四大传统节日之一。从明代开始，华夏新年节庆一般要到正月十五日元宵节之后才正式结束活动，有些地方的新年庆祝活动甚至到整个正月完结为止。辛亥革命后，官方纪年标准由农历改为格里历。华夏新年与朝鲜新年、越南新年、琉球新年和明治维新前的日本新年多数为同一日，而与藏历新年、蒙古新年同日或差一天或一月。
          <br />
          受汉字文化圈影响，春节在老挝、泰国、新加坡、马来西亚、印尼、菲律宾等有众多华人聚居的东南亚地区也是重要的节日。在中国大陆、香港、澳门、台湾、新加坡、马来西亚、印度尼西亚、朝鲜半岛、越南、菲律宾、毛里求斯、苏里南等地，农历新年都是法定假期。纽约曼哈顿华端口的中国新年游行是除亚洲以外规模最大的中国新年活动。春节也是联合国假日。[2]
        </div>
        <div id="名称">
          <h2>名称</h2>
          农历正月初一为一年之首，故称“岁首”[1]，又称“年节”[3]、“元旦”[4]、“元正”[5]、“元朔”[6]、“元日”[7]、“正旦”[8]、“新正”[9]、“新春”[10]、“履新”[11]。台湾话习称“新正”（sin-tsiann）、“开正”（khui-tsiann）[12]，庆祝活动叫“过年”（kuè-nî）[13]。
          <br />
          古有“三正”之说，夏朝正月建于寅（孟春一月），殷朝正月建于丑（季冬夏历十二月），周朝正月建于子（冬至月，仲冬夏历十一月）。[14]历代新年元旦日期不尽相同，夏朝以寅月（端月，以雨水为中气）初一为一年之首（寅首），商朝以丑月（腊月、全月以大寒为中气）初一为元旦（丑首），周代以子月（葭月，以冬至为中气）初一为元旦（子首），秦代以亥月（阳月，以小雪为中气）初一为岁首（亥首）。此谓改正朔。[15]直到汉代遵循儒家“行夏之时”之教义[16]，汉武帝下诏推行太初历，才又明确规定正月初一为岁首，以之为夏历新年[17]。自此，隋唐宋明皆以夏历正月初一为元旦。元庆之贺始于汉高祖刘邦。民国建立以来之春节就是夏历元旦。
          <br />
          1912年中华民国成立，引入格里历（又称阳历）为新历，定格里历1月1日为新年元旦。“春节”本来专指二十四节气中的立春。1914年1月，中华民国临时大总统袁世凯定阴历元旦为春节，自此“春节”一名就用来指阴历新年[18]。香港、澳门的正月初一假期，官方中文分别称作“农历年初一”[19]、“农历正月初一”[20]；英文为Lunar
          New Year's Day（1968年前为Chinese New Year's Day）[21]，葡萄牙文为1.º dia do Novo Ano Lunar。
        </div>
        <div id="起源与传说">
          <h2>起源与传说</h2>
          过年习俗源自何时很难考究，不过一般认为起源于殷商时期的岁末年头祭神、祭祖活动（腊祭）；传说最早在尧舜时就有过春节的风俗。农历正月是一年之开始，而正月初一平均在立春附近。节日的时间相信和农业劳作影响有关，《尔雅》记载：“唐虞曰载，夏曰岁，商曰祀，周曰年。”[25]说明“年”的称谓从周朝开始；甲骨文和金文中的年字都有谷穗成熟的形象，《说文解字》也称：“年，谷孰也。从禾千声。春秋传曰大有年。”农历一年最后一日（腊月大为30日，月小29日），称为“除夕”，除夕晚全家人团圆食年夜饭（农历一年中最后一顿饭），年夜饭以后有发压岁钱和熬年夜（守岁）习俗，表示从上一年最后一日守到下一年第一日。
          <br />
          腊祭说<br />
          新春祭祀众神明
          春节源于上古蜡（通腊）祭，距今已有四五千年历史，用以祭农神兼及百神、先祖[26]:247。每逢腊尽春来，人们就要杀掉牲畜，祭祀祖宗和上天，祈求新一年可以风调雨顺、无灾无祸、收成兴旺。[27]:96[28]
          <br />
          巫术仪式说<br />
          该说法认为春节源于古代的巫术仪式，是原始信仰巫术的一种具体体现。原始人认为人的意志和力量可调整和控制自然事物的发展。饮食、祭祀、装饰、游艺、娱乐和语言、行为、饮食等一系列禁忌都是围绕辟邪祈吉展开的，人们希望通过它们赶走邪恶、得到幸福。此后随着时间的演变，春节慢慢变成了一种庆祝活动。[28]
        </div>
      </div>
    </div>

    <script>
      const oSidebar = document.querySelector('.sidebar')
      const oAs = oSidebar.querySelectorAll('li>a')
      // https://developer.mozilla.org/zh-CN/docs/Web/API/NodeList
      oAs.forEach(oa => {
        oa.addEventListener('click', e => {
          // 拿哪个要跳转的DOM
          const oH2 = document.querySelector(`#${e.target.dataset.key}`)
          console.log(oH2)
          oH2.scrollIntoView()
        })
      })
    </script>
  </body>
</html>
